<template>
  <div>
    <div>
      <router-view></router-view>
    </div>
    <!-- Tabbar 标签栏 -->
    <van-tabbar route>
      <!-- <van-tabbar-item to="/layout/home" icon="home-o">首页</van-tabbar-item> -->
      <!-- <van-tabbar-item to="/layout/find" icon="search">找房</van-tabbar-item> -->
      <!-- <van-tabbar-item to="/layout/info" icon="friends-o">资讯</van-tabbar-item> -->
      <!-- <van-tabbar-item to="/layout/user" icon="setting-o">我的</van-tabbar-item> -->
      <van-tabbar-item class="iconBox" to="/layout/home">
        <van-icon class-prefix="my-icon" name="home" size="22px"></van-icon>
        <div>首页</div>
      </van-tabbar-item>
      <van-tabbar-item class="iconBox" to="/layout/find">
        <van-icon class-prefix="my-icon" name="find" size="22px"></van-icon>
        <div>找房</div>
      </van-tabbar-item>
      <van-tabbar-item class="iconBox" to="/layout/info">
        <van-icon class-prefix="my-icon" name="info" size="22px"></van-icon>
        <div>资讯</div>
      </van-tabbar-item>
      <van-tabbar-item class="iconBox" to="/layout/user">
        <van-icon class-prefix="my-icon" name="user" size="22px"></van-icon>
        <div>我的</div>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'FindHomeLayout',

  data () {
    return {
    }
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="less" scoped>
.iconBox {
  text-align: -webkit-center;
}
</style>
